iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 14
3
影片教學

CSS 優良部份系列 第 14

【Tailwind CSS 教學 - 7】Pseudo-Class Variants 是 CSS 屆的偉大發明

  • 分享至 

  • xImage
  •  

Yes

影片重點

  1. 講解傳統寫偽元素 CSS 跟 Pseudo-Class Variants 的差異
  2. Live Demo 表單 focus 與 hover 的設計方式
  3. 調整按鈕的 hover 樣式

文獻連結

  1. Pseudo-Class Variants

上一篇
【Tailwind CSS 教學 - 6】我知道你懂 CSS Reset,但你懂 base 全站樣式設定嗎?
下一篇
【Tailwind CSS 教學 - 8】詳解 Variant Tailwind config 設定方式
系列文
CSS 優良部份30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
Tree
iT邦新手 3 級 ‧ 2020-09-29 14:32:30

分享一個取得範例中完整 CSS 的方法 , 那就是到開發工具中找 /images/emoticon/emoticon39.gif

廖洧杰 iT邦高手 2 級 ‧ 2020-09-29 14:41:18 檢舉

感謝補充~ 怎麼忘了可以直接從 devtools copy 呢 XD

我要留言

立即登入留言